<!-- target: paly -->
<div class="play-detail-page detail-page flex-cont" ui="type:m-panel;">
    <div class="header-info info-list">
        <img class="" src="${detail.play.coverUrl.0.imageUrl}" />
        <div class="header-text">
            <div class="name">${detail.play.playName}</div>
            <div class="price">￥${price}</div>
            <div class="play-type">${detail.play.playTypeName}</div>
        </div>
    </div>

    <ul class="time-address info-list">
        <li class="info-item time-address-item">
            <icon class="time"></icon>
            <div class="text">${detail.play.playStartDate|dateFormat('MM月dd日 HH:mm')} - ${detail.play.playEndDate|dateFormat('MM月dd日 HH:mm')}</div>
        </li>
        <li class="info-item time-address-item address-item">
            <icon class="address"></icon>
            <div class="text">${detail.play.venueName}</div>
        </li>
    </ul>

    <div class="detail-info info-title"></div>
    <ul class="people-info info-list" ui="type:m-panel;">
        <!-- for: ${detail.info} as ${item} -->
        <li class="info-item">
            <img src="${item.logo}" />
            <div class="name">${item.name}</div>
            <div class="type">${item.typeDesc}</div>
        </li>
        <!-- /for -->
    </ul>

    <div class="detail-info info-title"></div>

    <div class="introduction-info introduction-title">演出简介</div>

    <div class="introduction-info info-list" ui="type:mao.ui.UeContent">${detail.play.playIntro}</div>

    <!-- if: ${detail.channelTicket.channelTicketList.length} -->
    <div class="ticket-info ticket-title">票务信息</div>
    <!-- for:${detail.channelTicket.channelTicketList} as ${item} -->
    <ul class="detail-info info-list ticket">
        <li class="info-item ticket-info">
            <div class="num">${item.price}</div>
            <div class="date-time">开票时间<span class="time">${item.saleStartTime|dateFormat('MM.dd HH:mm')} - ${item.saleEndTime|dateFormat('MM.dd HH:mm')}</span></div>
            <div class="type">${item.ticketType|parseBaseInfo('ticketType')}</div>
        </li>
        <li class="info-item info-desc">
            <div>={${item.includeOtherCosts} === 2 ? '含' : '不含'}其他费用 ${item.price}/张 </div>
            <div>库存 ${item.inventory} 张 限购 ${item.limitation}/人</div>
        </li>
    </ul>
    <!-- /for -->
    <!-- /if -->

    <!-- use:detail.histories(histories=${detail.auditList}) -->

</div>
<!-- use:detail.PlayComment(detail=${detail.contractInfo},module=3,initiate=${initiate}) -->

<!-- target:PlayComment -->
<!-- var:auditState = ${detail.auditState} !== undefined ? ${detail.auditState} : ${detail.contractInfo.auditState}; -->
<form class="operate-btn-box" name="contractCommentForm">
    <input class="ui-hide" name="id" value="${detail.id}" />
    <input class="ui-hide" name="action" value="" />
    <label ui="type:NS.PlayCommentSave;name:actionRemark;">
        <input class="text" type="text" placeholder="请输入" name="actionRemark" />
        <input class="submit-btn" type="button" disabled value="提交"/>
        <div class="btn-items">

            <!-- if: ${auditState} === 1 -->
                <!-- if: ${mao.staffInfo.storeManager} || ${mao.staffInfo.staffId} === ${detail.play.creatorId} -->
                <!-- <input class="btn-item" ui="ext-permission:={mao.joinPermission(${module}, 'modify')};module:${module};action:0" value="撤销"> -->
                <!-- /if -->
                <strong class="btn-item" ui="ext-permission:={mao.joinPermission(${module}, 'audit')};module:${module};action:3"><span class="icon more"></span><span>通过</span></strong>
                <strong class="btn-item" ui="ext-permission:={mao.joinPermission(${module}, 'audit')};module:${module};action:2"><span class="icon more"></span><span>驳回</span></strong>
            <!-- elif: ${auditState} === 0 || ${auditState} === 2 -->
                <!-- if: ${mao.staffInfo.storeManager} || ${mao.staffInfo.staffId} === ${detail.play.creatorId} -->
                <!-- <a class="btn-item" ui="ext-permission:={mao.joinPermission(${module}, 'modify')};module:${module};action:5">编辑</a> -->
                <strong class="btn-item" ui="ext-permission:={mao.joinPermission(${module}, 'modify')};module:${module};action:6"><span class="icon more"></span><span>删除</span></strong>
                <!-- /if -->
            <!-- elif: ${auditState} === 3 -->
            <strong class="btn-item" ui="ext-permission:={mao.joinPermission(${module}, 'auditFinal')};module:${module};action:4"><span class="icon more"></span><span>终止</span></strong>
            <!-- /if -->

            <strong class="btn-item" ui="module:${module};action:7"><span class="icon"></span><span>评论</span></strong>
        </div>
    </label>
</form>
